<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<title>服务器连接数据库</title>
</head>
<body>
	<h1>这是测试页面</h1>
	<script>
		
		$.ajax({
			url:"http://127.0.0.1:8000/getUser",
			data:'',//你要传过去的数据
			type:'GET',
			dataType:'json',//返回数据的类型
			//success 回调函数
			success:function(data){
				 console.log(data)
				// $('h1').after(data);
				// data.forEach(o=>o$('h1').append(o.id+o.username))
				data.forEach(o=>$('body').append(o.id+o.username))
				
			}
			
		})
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		// $(function(){
			
		// })
		
		// $getJSON()
		
		
		// var xhr=new XMLHttpRequest();
		// // xhr.open('http://127.0.0.1:8000/getUser')
		// // xhr.open(method,url,true);
		// // xhr.send(String);一般用不到
		// xhr.open('GET','http://localhost:8000/getUser',true);
		// xhr.send();
		// xhr.onreadystatechange =function(){
		// 	// xhr.readyState==4&&xhr.status=200 ? console.log(xhr.responseText):{},
		// 	xhr.readyState==4&&xhr.status==200 ?$('h1').after(xhr.responseText):{}
		// }
		
		
		
		
		
	</script>
</body>
</html>
